All the latest news!

Background colours

Create powerful blocks of colour.

colour

What do they look like?

A pink background

A green background

Combine them with a full width background

<div class="full-width bg-orange">Content</div>

List of background colours

Colour Class Example
Pink bg-pink
<div class="card bg-pink">Content</div>
Pale pink bg-pale-pink
<div class="card bg-pale-pink">Content</div>
Dark pink bg-dark-pink
<div class="card bg-dark-pink">Content</div>
Orange bg-orange
<div class="card bg-orange">Content</div>
Yellow bg-yellow
<div class="card bg-yellow">Content</div>
Green bg-green
<div class="card bg-green">Content</div>
Blue bg-blue
<div class="card bg-blue">Content</div>
Purple bg-purple
<div class="card bg-purple">Content</div>
 

Related articles

Text colours

Learn how to override the default text colours to help your content stand out.

Sun 09 Apr 2023